<!--
 * @Author: your name
 * @Date: 2021-08-11 19:10:17
 * @LastEditTime: 2021-08-16 19:27:55
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \ly\考拉项目\daily check-in.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/commit.css">
    <link rel="stylesheet" href="./css/index-motherboard.css">
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./fonts/font图标/iconfont.css">
    <link rel="stylesheet" href="css/daily check-in.css">
</head>
<body>
    <!-- 网易考拉项目的header开始 -->
    <!-- <header> -->
    <!-- header当中的黑色导航栏 -->
    <div class="div-black">
        <nav class="nav-black">
            <!-- 黑色导航栏的左侧标签和链接 -->
            <div class="nav-black-left">
                <span>考拉欢迎你!</span>
                <a href="./login.html">登录</a>
                <a href="./login.html">免费注册</a>
                <a href="#">手机考拉</a>
            </div>
            <!-- 黑色导航栏的右侧标签和链接 -->
            <ul class="nav-black-right">
                <li><a href="./daily check-in.html">每日签到</a></li>
                <li><a href="#">我的订单</a></li>
                <li>
                    <a href="./personal  center.html">
                        个人中心
                        <ul id="up">
                            <li>我的优惠券</li>
                            <li>我的红包</li>
                            <li>我的考拉豆</li>
                            <li>帐号管理</li>
                            <li>我的实名认证</li>
                            <li>我的发票抬头</li>
                            <li>我收藏的商品</li>
                            <li>我关注的品牌</li>
                            <li>售后管理</li>
                        </ul>
                    </a>
                </li>
                <li><a href="#">客户服务
                        <ul id="up">
                            <li>联系客服</li>
                            <li>帮助中心</li>
                            <li>知识产权保护</li>
                            <li>规则中心</li>
                        </ul>
                    </a></li>
                <li><a href="./recharge.html">充值中心
                        <ul id="up">
                            <li>话费充值</li>
                            <li>游戏充值</li>
                            <li>App Store充值卡</li>
                        </ul>
                    </a></li>
                <li><a href="./consumers rights.html">消费者权益
                        <ul id="up">
                            <li>消费者告知书</li>
                        </ul>
                    </a>
                    <li><a href="#">更多
                        <ul id="up">
                            <li>收藏本站</li>
                            <li>新浪微博</li>
                            <li>微信公众号</li>
                            <li>招商合作</li>
                        </ul>
                    </a>
                        <li><a href="#">视频内容</a></li>
            </ul>
        </nav>
    </div>
    <!-- header中的第二个盒子的设置，主要是logo和搜索栏 -->
    <div class="box w">
        <div class="box-logo">
            <a href="#"><img src="./images/网易考拉logo.png" alt="网易考拉logo"></a>
        </div>
        <div class="box-search">
            <input type="text" placeholder="口红">
            <button><i class="iconfont icon-ai219"></i></button>
        </div>
        <div class="box-shopping-car">
            <button><i class="iconfont icon-gouwuche1"></i> 购物车</button>
        </div>
    </div>
    <!-- header中的第二个盒子结束了 -->
    <div class="nav-red">
        <div class="nav-red-one">
            <i class="iconfont icon-ziyuan114"></i>
            <p> 所有分类
                <ul class="menu">
                    <li><i class="iconfont icon-xiangshui"></i>
                        <a href="#">美容美妆</a>
                    </li>
                    <li><i class="iconfont icon-gouwuche"></i>
                        <a href="#">母婴儿童</a>
                    </li>
                    <li><i class="iconfont icon-changyongicon-"></i>
                        <a href="#">营养保健</a>
                    </li>
                    <li><i class="iconfont icon-xiangji"></i>
                        <a href="#">数码家电</a>
                    </li>
                    <li><i class="iconfont icon-qingjie1-copy"></i>
                        <a href="#">个护家清</a>
                    </li>
                    <li><i class="iconfont icon-yijia"></i>
                        <a href="#">服饰鞋靴</a>
                    </li>
                    <li><i class="iconfont icon-zhinanzhendaohang"></i>
                        <a href="#">运动户外</a>
                    </li>
                    <li><i class="iconfont icon-shizhong"></i>
                        <a href="#">手表配饰</a>
                    </li>
                    <li><i class="iconfont icon-bao"></i>
                        <a href="#">轻奢</a>
                    </li>
                    <li><i class="iconfont icon-shafa"></i>
                        <a href="#">家具生活</a>
                    </li>
                    <li><i class="iconfont icon-hanbao"></i>
                        <a href="#">环球美食</a>
                    </li>
                    <li><i class="iconfont icon-chongwutubiao04"></i>
                        <a href="#">宠物生活</a>
                    </li>
                </ul>
            </p>
        </div>
        <div class="nav-red-two">
            <ul>
                <li>
                    <a href="./index.html" >首页</a></li>
                <li><a href="./oversea.html ">海外直购</a></li>
                <li><a href="./purchased product.html ">考拉海购出品</a></li>
                <li><a href="./milk powder.html ">品质奶粉</a></li>
                <li><a href="./the mask.html ">人气面膜</a></li>
                <li><a href="./recharge.html ">充值</a></li>
            </ul>
        </div>
    </div>
    <!-- </header> -->
    <!-- header母版结束 -->
    <!-- 整体区域 -->
    <div class="big">

    <!-- 我的考拉豆左侧列表区域 -->
   <div class="left-area1">
       <div class="left-content2">
          <h4  class="menu-title3">个人中心</h4>
        <ul  class="left-list4">
          <li>我的订单</li>
          <li>我的优惠券</li>
          <li>我的红包</li>
          <li>我的考拉豆</li>
          <li>帐号管理</li>
          <li>我的实名认证</li>
          <li>我的发票抬头</li>
          <li>我的收货地址</li>
          <li>我收藏的商品</li>
          <li>我关注的品牌</li>
          <li>售后管理</li>
    </ul>
    </div>
 </div>
    <!-- 我的考拉豆右侧区域 -->
    <div class="beans">

        <!-- 我的考拉豆头部 -->
        <div class="A">
            <span>我的考拉豆</span>
            <a href="#">如何赚取考拉豆?</a>
        </div>

        <!-- 签到图片部分 -->
        <div class="B">
            <!-- 签到图片部分左侧 -->
            <div class="b1">
                <div class="b11">
                    <div></div>
                    <div>0</div>
                    <div class="b111"><a href="#" style="color: #333333;">考拉豆明细</a> </div>
                </div>
                <div class="b12">
            <a href="#" style="color: #fff;">签到领取</a>
                    </div>
                <div class="b13">签到可以领取1考拉豆</div>
            </div>
            <!-- 图片位置 -->
            <div class="b2">
                <img src="./images/考拉豆乐园.jpg">
            </div> 
        </div>

        <!-- 第三部分 -->
        <div class="C">
            <ul class="c1">
            <li class="c11">考拉豆商城</li>
            <li class="c12">我的兑换记录</li>
            </ul>
            <div class="c2">
                <div class="c21" ></div>
            </div>
        </div>
        
        <!-- 大区域 优惠栏目 -->
        <div class="D">
            <div class="d1">
            <h4>兑换优惠券</h4>
        </div>
        <!-- 优惠券栏目8个框 -->
        <div class="d2">
            <!-- 1小框部分 -->
            <div class="d21">
                <!-- 小框上半部分 -->
                <div class="d211">
                    <div class="d2111">￥</div>
                    <div class="d2112">40</div>
                    <div class="d2113">满200减40</div>
                    <div class="d2114">考拉海淘出品满200-40</div>
                </div>
                <!-- 中间的线 -->
                <div class="d212" >
                    <span class="d2121"></span>
                    <span class="d2122"></span>
                </div>
                <!-- 小框下半部分 -->
                <div class="d213">
                    <div class="d2131">50考拉豆兑换</div>
                </div>
                </div>
                <!-- 2小框部分 -->
                <div class="d22">
                    <!-- 小框上半部分 -->
                    <div class="d221">
                        <div class="d2211">￥</div>
                        <div class="d2212">5</div>
                        <div class="d2213">满40减5</div>
                        <div class="d2214">Vlanse葳兰氏5元券</div>
                    </div>
                    <!-- 中间的线 -->
                    <div class="d222" >
                        <span class="d2221"></span>
                        <span class="d2222"></span>
                    </div>
                    <!-- 小框下半部分 -->
                    <div class="d223">
                        <div class="d2231">5考拉豆兑换</div>
                    </div>
                    </div>
            <!-- 3小框部分 -->
            <div class="d23">
                <!-- 小框上半部分 -->
                <div class="d231">
                    <div class="d2311">￥</div>
                    <div class="d2312">5</div>
                    <div class="d2313">满6减5</div>
                    <div class="d2314">蓓臣玩具满6元减5元</div>
                </div>
                <!-- 中间的线 -->
                <div class="d232" >
                    <span class="d2321"></span>
                    <span class="d2322"></span>
                </div>
                <!-- 小框下半部分 -->
                <div class="d233">
                    <div class="d2331">5考拉豆兑换</div>
                </div>
                </div>
                <!-- 4小框部分 -->
            <div class="d24">
                <!-- 小框上半部分 -->
                <div class="d241">
                    <div class="d2411">￥</div>
                    <div class="d2412">20</div>
                    <div class="d2413">满99减20</div>
                    <div class="d2414">达罗咪-20元优惠券</div>
                </div>
                <!-- 中间的线 -->
                <div class="d242" >
                    <span class="d2421"></span>
                    <span class="d2422"></span>
                </div>
                <!-- 小框下半部分 -->
                <div class="d243">
                    <div class="d2431">20考拉豆兑换</div>
                </div>
                </div>
                 <!-- 5小框部分 -->
            <div class="d25">
                <!-- 小框上半部分 -->
                <div class="d251">
                    <div class="d2511">￥</div>
                    <div class="d2512">5</div>
                    <div class="d2513">无门槛减5</div>
                    <div class="d2514">健美生5元无门槛券</div>
                </div>
                <!-- 中间的线 -->
                <div class="d252" >
                    <span class="d2521"></span>
                    <span class="d2522"></span>
                </div>
                <!-- 小框下半部分 -->
                <div class="d253">
                    <div class="d2531">5考拉豆兑换</div>
                </div>
                </div>
                <!-- 6小框部分 -->
                <div class="d26">
                    <!-- 小框上半部分 -->
                    <div class="d261">
                        <div class="d2611">￥</div>
                        <div class="d2612">10</div>
                        <div class="d2613">满99减10</div>
                        <div class="d2614">AvceMoi满99-10元券</div>
                    </div>
                    <!-- 中间的线 -->
                    <div class="d262" >
                        <span class="d2621"></span>
                        <span class="d2622"></span>
                    </div>
                    <!-- 小框下半部分 -->
                    <div class="d263">
                        <div class="d2631">10考拉豆兑换</div>
                    </div>
                    </div>
            <!-- 7小框部分 -->
            <div class="d27">
                <!-- 小框上半部分 -->
                <div class="d271">
                    <div class="d2711">￥</div>
                    <div class="d2712">10</div>
                    <div class="d2713">满99减10</div>
                    <div class="d2714">那绯澜满99元减10元</div>
                </div>
                <!-- 中间的线 -->
                <div class="d272" >
                    <span class="d2721"></span>
                    <span class="d2722"></span>
                </div>
                <!-- 小框下半部分 -->
                <div class="d273">
                    <div class="d2731">10考拉豆兑换</div>
                </div>
                </div>
                <!-- 8小框部分 -->
            <div class="d28">
                <!-- 小框上半部分 -->
                <div class="d281">
                    <div class="d2811">￥</div>
                    <div class="d2812">50</div>
                    <div class="d2813">满199减50</div>
                    <div class="d2814">红色小象满199减50</div>
                </div>
                <!-- 中间的线 -->
                <div class="d282" >
                    <span class="d2821"></span>
                    <span class="d2822"></span>
                </div>
                <!-- 小框下半部分 -->
                <div class="d283">
                    <div class="d2831">50考拉豆兑换</div>
                </div>
                </div>
        </div>
        </div>
        <!-- 更多优惠券 -->
        <div class="E">
        <a href="#">更多优惠券</a>
        </div>
        <!-- 考拉豆明细支出栏 -->
        <ul class="tabs">
            <li class="tab first active"><a href="#">考拉豆明细</a></li>
            <li class="tab"><a href="#">收入</a></li>
            <li class="tab"><a href="#">支出</a></li>
            <li class="tab"><a href="#">过期</a></li>
            <li class="last ">
                 <select name="last" style="width: 100px;height:30px; font-size: 12px;border: 1px solid #ddd;" >
                <option value="time">近三个月</option>
                <option value="time">近六个月</option>
                <option value="time">近十二个月</option>
            </select>
            </li>   
    </ul>
        <!-- 考拉豆主要表格 -->
        <table class="m-table">
            <thead>
                <tr>
                    <th width="300px" class="first">日期</th>
                    <th width="200px">收入/支出</th>
                    <th>详细信息</th>
                </tr>
            </thead>
<tbody>
    <tr class="m-list"></tr>
    <td colspan="3">暂无考拉豆记录~</td>
</tbody>
        </table>
        </div>
        
         <!-- 正、低、退、邮 文字显示区域 -->
      <div  class="guarantee">
        <div  class="guarantee-area">
            <ul  class="guarantee-list">
                <!-- 正品承诺 -->
                <li>
                    <div>正</div>
                    <span>正品承诺</span>
                    <span>正品保证  假一赔十</span>
                </li>
                <!-- 低价保障 -->
                <li>
                    <div>低</div>
                    <span>低价保障</span>
                    <span>缩减中间环节  确保低价</span>
                </li>
                <!-- 30天无忧退货 -->
                <li>
                    <div>退</div>
                    <span>30天无忧退货</span>
                    <span>国内退货  售后无忧</span>
                </li>
                <!-- 满88包邮 -->
                <li>
                    <div>邮</div>
                    <span>满88包邮</span>
                    <span>部分特殊商品除外</span>
                </li>
            </ul>
        </div>
    </div>

        <!-- 考拉海购下方新手指南 -->
    <div class="guide">
        <div class="guide-area">
            <ul  class="guide-list">
              <li   class="guide-list-first">
                  <span>
                      <img src="images\考拉海购下方新手指南\考拉海购关注我们logo.png" alt=""  id="koala-logo">
                  </span>
                  <span>关注我们</span>
                  <span>
                      <img src="images\考拉海购下方新手指南\微博图标.png" alt=""  id="scan-logo" class="weibo-logo">
                  </span>
                  <span>
                      <img src="images\考拉海购下方新手指南\微信图标.png" alt=""  id="scan-logo" class="wechat-logo">
                  </span>
              </li>
                <li  class="guide-text">
                    <span>考拉保障</span>
                    <span>假一赔十</span>
                    <span>廉正举报</span>
                </li>
                <li  class="guide-text">
                    <span>新手指南</span>
                    <span>购物流程</span>
                    <span>支付方式</span>
                    <span>通关税费</span>
                    <span>常见问题</span>
                </li>
                <li  class="guide-text">
                    <span>售后服务</span>
                    <span>售后政策</span>
                    <span>退货流程</span>
                    <span>特色服务</span>
                    <span>联系客服</span>
                </li>
                <li  class="guide-text">
                    <span>物流配送</span>
                    <span>配送方式</span>
                    <span>配送服务</span>
                    <span>运费标准</span>
                    <span>物流跟踪</span>
                </li>
                <li  class="guide-text">
                    <span>商家服务</span>
                    <span>招商合作</span>
                    <span>销售联盟</span>
                    <span>商家成长</span>
                </li>
                <li  class="guide-text">
                    <span>关于我们</span>
                    <span>联系我们</span>
                    <span>CEO邮箱</span>
                </li>
                <li  class="guide-list-last" >
                    <span></span>
                    <span>扫描下载手机版</span>
                </li>
            </ul>
        </div>
    </div>

    <!-- 底部经营许可证明文字区域 -->
    <div class="license-list">
        <div>
            <a href="#">增值电信业务经营许可证：浙B2-20160288</a>
            <a href="#">（浙）网械平台备字[2018]第00007号</a>
            <a href="#">阿里巴巴版权所有©2003-2021</a>
            <a href="#">隐私政策 - 考拉海购</a>
          </div>
        <div>
            <a href="#">网络文化经营许可证：浙网文（2020）4340-180号 </a>
            <a href="#">浙江省网络食品销售第三方平台提供者备案：浙网食A33010006 </a>
            <a href="#">网络第三方平台规范进口冷链食品承诺函</a>
          </div>
        <div>
            <a href="#"><img src="images\底部经营许可图标\警徽.png" alt=""   id="police-shield"></a>
            <a href="#"> 浙公网安备 33010802002216号 </a>
            <a href="#"> 互联网药品信息服务资格证书编号（浙）-2017-0027</a>
            <a href="#">浙ICP备16011229号-6</a>
            <a href="#">自营经营者信息</a>
          </div>
          <div>
              <a href="#"><img src="images\底部经营许可图标\身份验证.png" alt=""  id="authentication"></a>
              <a href="#"><img src="images\底部经营许可图标\电子营业执照.png" alt=""  id="electronic-license"></a>
          </div>
    </div>
</body>

</html>